<template>
  <div>
    <introduce
      title="建筑类从业人员培训系统"
      text="（建设厅）"
      iconfont="icon-yuanqu"
      :content="content"
      :img="img"
    >
      <div class="module1" slot="module1">
        <div class="title">系统优势</div>
        <div class="content">
          <div class="item" v-for="(item, index) of module2List" :key="index">
            <div
              style="
                margin-bottom: 20px;
                display: flex;
                justify-content: flex-start;
                align-items: center;
              "
            >
              <span class="text1">{{ item.title }}</span>
              <div style="width: 32px; height: 2px; background: #0052d9"></div>
            </div>
            <p class="text2">{{ item.text }}</p>
          </div>
        </div>
      </div>
    </introduce>
  </div>
</template>

<script>
import introduce from "@/components/introduceTHEjob.vue";
export default {
  components: {
    introduce,
  },
  data() {
    return {
      module2List: [
        {
          title: "痕迹化",
          text: "双机制运行原始记录自动存储，痕迹记录可随时追溯查询，员工一岗双责、尽职减责、失职追责有据可依。",
          bg: require("@/assets/introduce/qyaq/bg1.png"),
        },
        {
          title: "标准化",
          text: "业务流程标准化，通过系统对双机制的标准化运行提供支撑，通过系统可以开展一系列有针对性的、专业性的风险辨识和隐患排查活动。",
          bg: require("@/assets/introduce/qyaq/bg2.png"),
        },
        {
          title: "智能化",
          text: "根据隐患排查治理数据，自动生成各项数据统计报表（检查率、符合率、整改率、事故率等），根据内置算法，实时显示动态风险地图，实现风险预警。专业性：各项检查有来源、有依据；同时通过App将专家的大脑与眼睛带到现场。",
          bg: require("@/assets/introduce/qyaq/bg3.png"),
        },
        {
          title: "动态化",
          text: "实时采集数据并收集问题，管理层随时掌握现场情况。",
          bg: require("@/assets/introduce/qyaq/bg4.png"),
        },
        {
          title: "成长性",
          text: "实现安全知识、技能和经验的积累与沉淀，形成企业双机制建设专业数据库。",
          bg: require("@/assets/introduce/qyaq/bg5.png"),
        },
        {
          title: "兼容性",
          text: "每一模块既能独立运行和单独使用，又能多模块无缝集成，还可以快速实现与企业现有IT系统、政府信息化系统的集成。",
          bg: require("@/assets/introduce/qyaq/bg6.png"),
        },
      ],
      img: require("@/assets/introduce/jzl/img.png"),
      content:
        "泰捷云学建筑类从业人员在线培训学习系统主要面向建筑施工特种作业人员、建筑施工企业安全管理人员（三类人员）及建筑施工现场专业人员（八大员），利用先进的互联网技术，结合最新培训考试大纲要求，为各机构提供丰富的精品课程、先进的技术平台和专业的指导服务，平台旨在用优质的资源和先进的在线教育理念，结合移动互联技术，助力建筑施工从业人员教育培训高质量发展。",
    };
  },
};
</script>

<style lang="scss" scoped>
.module1 {
  width: 100%;
  height: 586px;
  background: #fff;
  overflow: hidden;
  .title {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    color: #333333;
    line-height: 50px;
    letter-spacing: 3px;
    margin-top: 100px;
    margin-bottom: 50px;
  }
  .content {
    margin: auto;
    width: 1320px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;

    .item {
      width: 410px;
      height: 200px;
      background: #ffffff;

      //   box-shadow: 0px 6px 16px 2px rgba(0, 82, 217, 0.1);
      border-radius: 12px;
      box-sizing: border-box;
      padding: 26px 0 0 36px;
      img {
        margin: auto;
      }
      p {
        width: 100%;
        margin: auto;
        text-align: center;
      }
      .text1 {
        // margin: auto;
        text-align: left;

        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        color: #333333;
        line-height: 33px;
        margin-right: 40px;
      }
      .text2 {
        text-align: justify;
        // text-align: left;
        font-size: 16px;
        font-weight: 400;
        color: #999999;
        line-height: 22px;
      }
    }
  }
}
</style>